//旋转屏幕时，字体大小调整的问题
html,
body,
form,
fieldset,
p,
div,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-text-size-adjust: 100%;
}

html,
body {
    overflow: hidden; /*手机上写overflow-x:hidden;会有兼容性问题，如果子级如果是绝对定位有运动到屏幕外的话ios7系统会出现留白*/
    -webkit-overflow-scrolling: touch; /*流畅滚动,ios7下会有滑一下滑不动的情况，所以需要写上*/
    position: realtive; /*直接子级如果是绝对定位有运动到屏幕外的话，会出现留白*/
}

//隐藏 div 元素的滚动条
div::-webkit-scrollbar {
    display: none;
}

//点击元素产生背景或边框怎么去掉
a,
button,
input,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

//ios 设置input 按钮样式会被默认样式覆盖
input,
textarea {
    border: 0;
    -webkit-appearance: none; //可同时屏蔽输入框怪异的内阴影,解决iOS下无法修改按钮样式,测试还发现,加了此属性后,iOS下默认还是有圆角的,不过可以用border-radius属性修改
}

// 禁用PC端表单输入框默认清除按钮
// 当表单文本输入框输入内容后会显示文本清除按钮，::-ms-clear 适用于该清除按钮的修改，同样设置使它隐藏 (display:none) 并使用背景图片来修饰可得到我们想要的效果。

input[type="text"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="number"]::-ms-clear {
    display: none;
}

//消除 IE10 里面的那个叉号
input:-ms-clear {
    display: none;
}

// select下拉选择设置问题
select option {
    direction: rtl;
}

// 禁用select默认箭头
// ::-ms-expand修改表单控件下拉箭头,设置隐藏并使用背景图片来修饰
select::-ms-expand {
    display: none;
}
